<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:q="http://huliqing.name/qfaces"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	template="/example/_template.xhtml">
	<ui:define name="title">Frame Demo</ui:define>
	<ui:define name="header">Frame Demo</ui:define>

	<ui:define name="content">

		<input type="button" value="Display" onclick="Q.U.display('frame');" />

		<h:form>
			<q:frame frameId="frame">
				<h:panelGrid columns="2" border="0">
					<h:outputText value="Field1" />
					<h:inputText value="" />

					<h:panelGroup />
					<h:commandButton value="Nothing" />
				</h:panelGrid>
			</q:frame>
		</h:form>

	</ui:define>

	<ui:define name="description">

	</ui:define>

	<ui:define name="htmlCode">
		<h:outputText value="#{frameBean.htmlCode}" />
	</ui:define>
	<ui:define name="javaCode">
		<h:outputText value="#{frameBean.javaCode}" />
	</ui:define>
</ui:composition>